<template>
  <h1>watchEffect</h1>
  <hr>
  <h2>原价:{{ price }}</h2>
  <button @click="price=800">修改原价</button>
  <h2>会员价:{{ vipPrice }}</h2>
</template>

<script setup>
import { ref, watchEffect} from "vue"

const price = ref(1000)
const vipPrice = ref(0)

// 当前侦听器会自动追踪内部书写的响应式数据(不包含赋值号左边的), 并且页面打开的时候会立即执行
watchEffect(() => {
  vipPrice.value = price.value/2
  console.log('打开就执行了');
})
</script>